<%@ Page Language="C#" Inherits="CuteEditor.EditorUtilityPage" %>
<script runat="server">
string GetDialogQueryString;
override protected void OnInit(EventArgs args)
{
	if(Context.Request.QueryString["Dialog"]=="Standard")
	{	
	if(Context.Request.QueryString["IsFrame"]==null)
	{
		string FrameSrc="colorpicker_basic.aspx?IsFrame=1&"+Request.ServerVariables["QUERY_STRING"];
		CuteEditor.CEU.WriteDialogOuterFrame(Context,"[[MoreColors]]",FrameSrc);
		Context.Response.End();
	}
	}
	string s="";
	if(Context.Request.QueryString["Dialog"]=="Standard")	
		s="&Dialog=Standard";
	
	GetDialogQueryString="Theme="+Context.Request.QueryString["Theme"]+s;	
	base.OnInit(args);
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head runat="server">
		<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.1)" />
		<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.1)" />
		<script type="text/javascript" src="Load.ashx?type=dialogscript&file=DialogHead.js"></script>
		<script type="text/javascript" src="Load.ashx?type=dialogscript&file=Dialog_ColorPicker.js"></script>
		<link href='Load.ashx?type=themecss&file=dialog.css&theme=[[_Theme_]]' type="text/css"
			rel="stylesheet" />
		<style type="text/css">
			.colorcell
			{
				width:16px;
				height:17px;
				cursor:hand;
			}
			.colordiv,.customdiv
			{
				border:solid 1px #808080;
				width:16px;
				height:17px;
				font-size:1px;
			}
		</style>
		<title>[[NamedColors]]</title>
		<script>
								
		var OxOf504=["Green","#008000","Lime","#00FF00","Teal","#008080","Aqua","#00FFFF","Navy","#000080","Blue","#0000FF","Purple","#800080","Fuchsia","#FF00FF","Maroon","#800000","Red ","#FF0000","Olive","#808000","Yellow","#FFFF00","White","#FFFFFF","Silver","#C0C0C0","Gray","#808080","Black","#000000","DarkOliveGreen","#556B2F","DarkGreen","#006400","DarkSlateGray","#2F4F4F","SlateGray","#708090","DarkBlue","#00008B","MidnightBlue","#191970","Indigo","#4B0082","DarkMagenta","#8B008B","Brown","#A52A2A","DarkRed","#8B0000","Sienna","#A0522D","SaddleBrown","#8B4513","DarkGoldenrod","#B8860B","Beige","#F5F5DC","HoneyDew","#F0FFF0","DimGray","#696969","OliveDrab","#6B8E23","ForestGreen","#228B22","DarkCyan","#008B8B","LightSlateGray","#778899","MediumBlue","#0000CD","DarkSlateBlue","#483D8B","DarkViolet","#9400D3","MediumVioletRed","#C71585","IndianRed","#CD5C5C","Firebrick","#B22222","Chocolate","#D2691E","Peru","#CD853F","Goldenrod","#DAA520","LightGoldenrodYellow","#FAFAD2","MintCream","#F5FFFA","DarkGray","#A9A9A9","YellowGreen","#9ACD32","SeaGreen","#2E8B57","CadetBlue","#5F9EA0","SteelBlue","#4682B4","RoyalBlue","#4169E1","BlueViolet","#8A2BE2","DarkOrchid","#9932CC","DeepPink","#FF1493","RosyBrown","#BC8F8F","Crimson","#DC143C","DarkOrange","#FF8C00","BurlyWood","#DEB887","DarkKhaki","#BDB76B","LightYellow","#FFFFE0","Azure","#F0FFFF","LightGray","#D3D3D3","LawnGreen","#7CFC00","MediumSeaGreen","#3CB371","LightSeaGreen","#20B2AA","DeepSkyBlue","#00BFFF","DodgerBlue","#1E90FF","SlateBlue","#6A5ACD","MediumOrchid","#BA55D3","PaleVioletRed","#DB7093","Salmon","#FA8072","OrangeRed","#FF4500","SandyBrown","#F4A460","Tan","#D2B48C","Gold","#FFD700","Ivory","#FFFFF0","GhostWhite","#F8F8FF","Gainsboro","#DCDCDC","Chartreuse","#7FFF00","LimeGreen","#32CD32","MediumAquamarine","#66CDAA","DarkTurquoise","#00CED1","CornflowerBlue","#6495ED","MediumSlateBlue","#7B68EE","Orchid","#DA70D6","HotPink","#FF69B4","LightCoral","#F08080","Tomato","#FF6347","Orange","#FFA500","Bisque","#FFE4C4","Khaki","#F0E68C","Cornsilk","#FFF8DC","Linen","#FAF0E6","WhiteSmoke","#F5F5F5","GreenYellow","#ADFF2F","DarkSeaGreen","#8FBC8B","Turquoise","#40E0D0","MediumTurquoise","#48D1CC","SkyBlue","#87CEEB","MediumPurple","#9370DB","Violet","#EE82EE","LightPink","#FFB6C1","DarkSalmon","#E9967A","Coral","#FF7F50","NavajoWhite","#FFDEAD","BlanchedAlmond","#FFEBCD","PaleGoldenrod","#EEE8AA","Oldlace","#FDF5E6","Seashell","#FFF5EE","PaleGreen","#98FB98","SpringGreen","#00FF7F","Aquamarine","#7FFFD4","PowderBlue","#B0E0E6","LightSkyBlue","#87CEFA","LightSteelBlue","#B0C4DE","Plum","#DDA0DD","Pink","#FFC0CB","LightSalmon","#FFA07A","Wheat","#F5DEB3","Moccasin","#FFE4B5","AntiqueWhite","#FAEBD7","LemonChiffon","#FFFACD","FloralWhite","#FFFAF0","Snow","#FFFAFA","AliceBlue","#F0F8FF","LightGreen","#90EE90","MediumSpringGreen","#00FA9A","PaleTurquoise","#AFEEEE","LightCyan","#E0FFFF","LightBlue","#ADD8E6","Lavender","#E6E6FA","Thistle","#D8BFD8","MistyRose","#FFE4E1","Peachpuff","#FFDAB9","PapayaWhip","#FFEFD5"];var colorlist=[{n:OxOf504[0],h:OxOf504[1]},{n:OxOf504[2],h:OxOf504[3]},{n:OxOf504[4],h:OxOf504[5]},{n:OxOf504[6],h:OxOf504[7]},{n:OxOf504[8],h:OxOf504[9]},{n:OxOf504[10],h:OxOf504[11]},{n:OxOf504[12],h:OxOf504[13]},{n:OxOf504[14],h:OxOf504[15]},{n:OxOf504[16],h:OxOf504[17]},{n:OxOf504[18],h:OxOf504[19]},{n:OxOf504[20],h:OxOf504[21]},{n:OxOf504[22],h:OxOf504[23]},{n:OxOf504[24],h:OxOf504[25]},{n:OxOf504[26],h:OxOf504[27]},{n:OxOf504[28],h:OxOf504[29]},{n:OxOf504[30],h:OxOf504[31]}];var colormore=[{n:OxOf504[32],h:OxOf504[33]},{n:OxOf504[34],h:OxOf504[35]},{n:OxOf504[36],h:OxOf504[37]},{n:OxOf504[38],h:OxOf504[39]},{n:OxOf504[40],h:OxOf504[41]},{n:OxOf504[42],h:OxOf504[43]},{n:OxOf504[44],h:OxOf504[45]},{n:OxOf504[46],h:OxOf504[47]},{n:OxOf504[48],h:OxOf504[49]},{n:OxOf504[50],h:OxOf504[51]},{n:OxOf504[52],h:OxOf504[53]},{n:OxOf504[54],h:OxOf504[55]},{n:OxOf504[56],h:OxOf504[57]},{n:OxOf504[58],h:OxOf504[59]},{n:OxOf504[60],h:OxOf504[61]},{n:OxOf504[62],h:OxOf504[63]},{n:OxOf504[64],h:OxOf504[65]},{n:OxOf504[66],h:OxOf504[67]},{n:OxOf504[68],h:OxOf504[69]},{n:OxOf504[70],h:OxOf504[71]},{n:OxOf504[72],h:OxOf504[73]},{n:OxOf504[74],h:OxOf504[75]},{n:OxOf504[76],h:OxOf504[77]},{n:OxOf504[78],h:OxOf504[79]},{n:OxOf504[80],h:OxOf504[81]},{n:OxOf504[82],h:OxOf504[83]},{n:OxOf504[84],h:OxOf504[85]},{n:OxOf504[86],h:OxOf504[87]},{n:OxOf504[88],h:OxOf504[89]},{n:OxOf504[90],h:OxOf504[91]},{n:OxOf504[92],h:OxOf504[93]},{n:OxOf504[94],h:OxOf504[95]},{n:OxOf504[96],h:OxOf504[97]},{n:OxOf504[98],h:OxOf504[99]},{n:OxOf504[100],h:OxOf504[101]},{n:OxOf504[102],h:OxOf504[103]},{n:OxOf504[104],h:OxOf504[105]},{n:OxOf504[106],h:OxOf504[107]},{n:OxOf504[108],h:OxOf504[109]},{n:OxOf504[110],h:OxOf504[111]},{n:OxOf504[112],h:OxOf504[113]},{n:OxOf504[114],h:OxOf504[115]},{n:OxOf504[116],h:OxOf504[117]},{n:OxOf504[118],h:OxOf504[119]},{n:OxOf504[120],h:OxOf504[121]},{n:OxOf504[122],h:OxOf504[123]},{n:OxOf504[124],h:OxOf504[125]},{n:OxOf504[126],h:OxOf504[127]},{n:OxOf504[128],h:OxOf504[129]},{n:OxOf504[130],h:OxOf504[131]},{n:OxOf504[132],h:OxOf504[133]},{n:OxOf504[134],h:OxOf504[135]},{n:OxOf504[136],h:OxOf504[137]},{n:OxOf504[138],h:OxOf504[139]},{n:OxOf504[140],h:OxOf504[141]},{n:OxOf504[142],h:OxOf504[143]},{n:OxOf504[144],h:OxOf504[145]},{n:OxOf504[146],h:OxOf504[147]},{n:OxOf504[148],h:OxOf504[149]},{n:OxOf504[150],h:OxOf504[151]},{n:OxOf504[152],h:OxOf504[153]},{n:OxOf504[154],h:OxOf504[155]},{n:OxOf504[156],h:OxOf504[157]},{n:OxOf504[158],h:OxOf504[159]},{n:OxOf504[160],h:OxOf504[161]},{n:OxOf504[162],h:OxOf504[163]},{n:OxOf504[164],h:OxOf504[165]},{n:OxOf504[166],h:OxOf504[167]},{n:OxOf504[168],h:OxOf504[169]},{n:OxOf504[170],h:OxOf504[171]},{n:OxOf504[172],h:OxOf504[173]},{n:OxOf504[174],h:OxOf504[175]},{n:OxOf504[176],h:OxOf504[177]},{n:OxOf504[178],h:OxOf504[179]},{n:OxOf504[180],h:OxOf504[181]},{n:OxOf504[182],h:OxOf504[183]},{n:OxOf504[184],h:OxOf504[185]},{n:OxOf504[186],h:OxOf504[187]},{n:OxOf504[188],h:OxOf504[189]},{n:OxOf504[190],h:OxOf504[191]},{n:OxOf504[192],h:OxOf504[193]},{n:OxOf504[194],h:OxOf504[195]},{n:OxOf504[196],h:OxOf504[197]},{n:OxOf504[198],h:OxOf504[199]},{n:OxOf504[200],h:OxOf504[201]},{n:OxOf504[202],h:OxOf504[203]},{n:OxOf504[204],h:OxOf504[205]},{n:OxOf504[206],h:OxOf504[207]},{n:OxOf504[208],h:OxOf504[209]},{n:OxOf504[210],h:OxOf504[211]},{n:OxOf504[212],h:OxOf504[213]},{n:OxOf504[214],h:OxOf504[215]},{n:OxOf504[216],h:OxOf504[217]},{n:OxOf504[218],h:OxOf504[219]},{n:OxOf504[220],h:OxOf504[221]},{n:OxOf504[156],h:OxOf504[157]},{n:OxOf504[222],h:OxOf504[223]},{n:OxOf504[224],h:OxOf504[225]},{n:OxOf504[226],h:OxOf504[227]},{n:OxOf504[228],h:OxOf504[229]},{n:OxOf504[230],h:OxOf504[231]},{n:OxOf504[232],h:OxOf504[233]},{n:OxOf504[234],h:OxOf504[235]},{n:OxOf504[236],h:OxOf504[237]},{n:OxOf504[238],h:OxOf504[239]},{n:OxOf504[240],h:OxOf504[241]},{n:OxOf504[242],h:OxOf504[243]},{n:OxOf504[244],h:OxOf504[245]},{n:OxOf504[246],h:OxOf504[247]},{n:OxOf504[248],h:OxOf504[249]},{n:OxOf504[250],h:OxOf504[251]},{n:OxOf504[252],h:OxOf504[253]},{n:OxOf504[254],h:OxOf504[255]},{n:OxOf504[256],h:OxOf504[257]},{n:OxOf504[258],h:OxOf504[259]},{n:OxOf504[260],h:OxOf504[261]},{n:OxOf504[262],h:OxOf504[263]},{n:OxOf504[264],h:OxOf504[265]},{n:OxOf504[266],h:OxOf504[267]},{n:OxOf504[268],h:OxOf504[269]},{n:OxOf504[270],h:OxOf504[271]},{n:OxOf504[272],h:OxOf504[273]}];
		
		</script>
	</head>
	<body>
		<div id="container">
			<div class="tab-pane-control tab-pane" id="tabPane1">
				<div class="tab-row">
					<h2 class="tab">
						<a tabindex="-1" href='colorpicker.aspx?<%=GetDialogQueryString%>'>
							<span style="white-space:nowrap;">
								[[WebPalette]]
							</span>
						</a>
					</h2>
					<h2 class="tab selected">
							<a tabindex="-1" href='colorpicker_basic.aspx?<%=GetDialogQueryString%>'>
								<span style="white-space:nowrap;">
									[[NamedColors]]
								</span>
							</a>
					</h2>
					<h2 class="tab">
							<a tabindex="-1" href='colorpicker_more.aspx?<%=GetDialogQueryString%>'>
								<span style="white-space:nowrap;">
									[[CustomColor]]
								</span>
							</a>
					</h2>
				</div>
				<div class="tab-page">			
					<table class="colortable" align="center">
						<tr>
							<td colspan="16" height="16"><p align="left">Basic:
								</p>
							</td>
						</tr>
						<tr>
							<script>
								var OxOea5a=["length","\x3Ctd class=\x27colorcell\x27\x3E\x3Cdiv class=\x27colordiv\x27 style=\x27background-color:","\x27 title=\x27"," ","\x27 cname=\x27","\x27 cvalue=\x27","\x27\x3E\x3C/div\x3E\x3C/td\x3E",""];var arr=[];for(var i=0;i<colorlist[OxOea5a[0]];i++){arr.push(OxOea5a[1]);arr.push(colorlist[i].n);arr.push(OxOea5a[2]);arr.push(colorlist[i].n);arr.push(OxOea5a[3]);arr.push(colorlist[i].h);arr.push(OxOea5a[4]);arr.push(colorlist[i].n);arr.push(OxOea5a[5]);arr.push(colorlist[i].h);arr.push(OxOea5a[6]);} ;document.write(arr.join(OxOea5a[7]));
							</script>
						</tr>
						<tr>
							<td colspan="16" height="12"><p align="left"></p>
							</td>
						</tr>
						<tr>
							<td colspan="16"><p align="left">Additional:
								</p>
							</td>
						</tr>
						<script>
							var OxO7d45=["length","\x3Ctr\x3E","\x3Ctd class=\x27colorcell\x27\x3E\x3Cdiv class=\x27colordiv\x27 style=\x27background-color:","\x27 title=\x27"," ","\x27 cname=\x27","\x27 cvalue=\x27","\x27\x3E\x3C/div\x3E\x3C/td\x3E","\x3C/tr\x3E",""];var arr=[];for(var i=0;i<colormore[OxO7d45[0]];i++){if(i%16==0){arr.push(OxO7d45[1]);} ;arr.push(OxO7d45[2]);arr.push(colormore[i].n);arr.push(OxO7d45[3]);arr.push(colormore[i].n);arr.push(OxO7d45[4]);arr.push(colormore[i].h);arr.push(OxO7d45[5]);arr.push(colormore[i].n);arr.push(OxO7d45[6]);arr.push(colormore[i].h);arr.push(OxO7d45[7]);if(i%16==15){arr.push(OxO7d45[8]);} ;} ;if(colormore%16>0){arr.push(OxO7d45[8]);} ;document.write(arr.join(OxO7d45[9]));
						</script>
						<tr>
							<td colspan="16" height="8">
							</td>
						</tr>
						<tr>
							<td colspan="16" height="12">
								<input checked id="CheckboxColorNames" style="width: 16px; height: 20px" type="checkbox">
								<span style="width: 118px;">Use color names</span>
							</td>
						</tr>
						<tr>
							<td colspan="16" height="12">
							</td>
						</tr>
						<tr>
							<td colspan="16" valign="middle" height="24">
							<span style="height:24px;width:50px;vertical-align:middle;">Color : </span>&nbsp;
							<input type="text" id="divpreview" size="7" maxlength="7" style="width:180px;height:24px;border:#a0a0a0 1px solid; Padding:4;"/>
					
							</td>
						</tr>
				</table>
			</div>
		</div>
		<div id="container-bottom">
			<input type="button" id="buttonok" value="[[OK]]" class="formbutton" style="width:70px"	onclick="do_insert();" /> 
			&nbsp;&nbsp;&nbsp;&nbsp; 
			<input type="button" id="buttoncancel" value="[[Cancel]]" class="formbutton" style="width:70px"	onclick="do_Close();" />	
		</div>
	</div>
	</body>
</html>

